<template>
  <div :class="['app-wrapper', { 'white-bg': whiteBg }]">
    <header class="tdc-header">
      <navbar class="tdc-container" />
    </header>
    <section class="tdc-container">
      <app-main />
    </section>
    <footer class="tdc-footer">
      <app-footer class="tdc-container" />
    </footer>
  </div>
</template>
<script>
import { Navbar, AppMain, AppFooter } from "./components";
export default {
  name: "Layout",
  components: {
    Navbar,
    AppMain,
    AppFooter,
  },
};
</script>

<style></style>
